@import "variable";

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.bg-color-primary-dark {
  background-color: $color-dark-primary;
}

.bg-color-primary {
  background-color: $color-primary;
}

.bg-color-primary-light {
  background-color: $color-light-primary;
}

.bg-color-warning {
  background-color: $color-warning;
}

.bg-color-danger {
  background-color: $color-danger;
}

.bg-color-success {
  background-color: $color-success;
}

.bg-color-black {
  background-color: $color-black;
}

.bg-color-light-black {
  background-color: $color-light-black;
}

.bg-color-extra-light-black {
  background-color: $color-extra-light-black;
}

.bg-color-silver {
  background-color: $color-silver;
}

.bg-color-light-silver {
  background-color: $color-extra-light-silver;
}

.bg-color-extra-light-silver {
  background-color: $color-extra-light-silver;
}

.bg-color-gray {
  background-color: $color-gray;
}

.bg-color-light-gray {
  background-color: $color-light-gray;
}

.bg-color-extra-light-gray {
  background-color: $color-extra-light-gray;
}

.bg-color-white {
  background-color: $color-white;
}

.color-primary-dark {
  color: $color-dark-primary;
}

.color-primary {
  color: $color-primary;
}

.color-primary-light {
  color: $color-light-primary;
}

.color-warning {
  color: $color-warning;
}

.color-danger {
  color: $color-danger;
}

.color-success {
  color: $color-success;
}

.color-black {
  color: $color-black;
}

.color-light-black {
  color: $color-light-black;
}

.color-extra-light-black {
  color: $color-extra-light-black;
}

.color-silver {
  color: $color-silver;
}

.color-light-silver {
  color: $color-extra-light-silver;
}

.color-extra-light-silver {
  color: $color-extra-light-silver;
}

.color-gray {
  color: $color-gray;
}

.color-light-gray {
  color: $color-light-gray;
}

.color-extra-light-gray {
  color: $color-extra-light-gray;
}

.color-white {
  color: $color-white;
}

.font-header {
  font-size: $font-size-large;
}

.font-title {
  font-size: $font-size-title;
}

.font-normal {
  font-size: $font-size-normal;
}

.font-small {
  font-size: $font-size-small;
}

.font-comment {
  font-size: $font-size-comment;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.height-100 {
  height: 100%;
}

.hidden {
  display: none;
}

.margin-small {
  margin: $margin-small;
}

.margin-normal {
  margin: $margin-normal;
}

.margin-large {
  margin: $margin-large;
}

.margin-top-small {
  margin-top: $margin-small;
}

.margin-top-normal {
  margin-top: $margin-normal;
}

.margin-top-large {
  margin-top: $margin-large;
}

.margin-left-small {
  margin-left: $margin-small;
}

.margin-left-normal {
  margin-left: $margin-normal;
}

.margin-left-large {
  margin-left: $margin-large;
}

.margin-right-small {
  margin-right: $margin-small;
}

.margin-right-normal {
  margin-right: $margin-normal;
}

.margin-right-large {
  margin-right: $margin-large;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.padding-small {
  padding: $margin-small;
}

.padding-normal {
  padding: $margin-normal;
}

.padding-large {
  padding: $margin-large;
}

.position-fixed {
  position: fixed;
}

.text-align-start {
  text-align: start;
}

.text-align-end {
  text-align: end;
}

.text-align-center {
  text-align: center;
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}
